<template>
  <div class="app-container app-card">
    <el-card class="box-card">
      <div class="box-card-title clearfix" style="text-align: center;">
        <el-row>
          <el-col :span="24" class="text-center">发票总额</el-col>
          <el-col :span="24" class="text-center" style="font-size: 1.75rem;">&yen;{{ detailInfo.amount }}元</el-col>
        </el-row>
      </div>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="box-card-title clearfix text-center"><span>开票信息</span></div>
      <div class="text item">
        <el-row>
          <el-col :span="8" class="item-left">发票类型</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.invoiceType }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">抬头类型</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.makeInvoice==2?'企业':'个人' }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">公司名称</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.invoiceTitle }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">公司税号</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.taxNum }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">公司地址</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.place }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">公司电话</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.phone }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">开户银行</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.bankName }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">开户账号</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.bankNum }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">订单支付时间</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.payTime }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">开票金额</el-col>
          <el-col :span="16" class="item-right"><span class="el-price">&yen;{{ detailInfo.invoicePrice }}</span>元</el-col>
        </el-row>
      </div>
    </el-card>
    <el-card class="box-card">
      <div slot="header" class="box-card-title clearfix text-center"><span>寄件地址信息</span></div>
      <div class="text item">
        <el-row>
          <el-col :span="8" class="item-left">收件人</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.recipients }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">收件人电话</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.phone }}</el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="8" class="item-left">收件地址</el-col>
          <el-col :span="16" class="item-right">{{ detailInfo.detileAddress }}</el-col>
        </el-row>
      </div>
    </el-card>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
<style lang="scss" scoped src="./index.scoped.scss"></style>
